<template>
    <div id="home">
        <el-row>
            <el-col :span="24" class="nav_head">
                <div class="logo">
                    云来云往后台管理系统
                </div>
            </el-col>
        </el-row>
        <el-row class="main">
            <el-col style="height:100%" :md="2" :sm="5" :xs="4">
                <el-menu :router="true"  default-active="/order/list" class="el-menu-vertical-demo">
                    <!-- <el-submenu index="/">
                        <template slot="title">
                            <i class="el-icon-message"></i>
                            <i>会员管理</i>
                        </template>
                        <el-menu-item index="1">
                            会员列表
                        </el-menu-item>
                    </el-submenu> -->
                    <el-submenu index="/">
                        <template slot="title">
                            <i class="el-icon-message"></i>
                            <i>订单管理</i>
                        </template>
                        <el-menu-item index="/order/list">
                            订单列表
                        </el-menu-item>
                        <!-- <el-menu-item index="/order/deilver">
                            厂家发货
                        </el-menu-item> -->
                    </el-submenu>
                    <!-- <el-submenu index="/">
                        <template slot="title">
                            <i class="el-icon-message"></i>
                            <i>产品管理</i>
                        </template>
                        <el-menu-item index="/product/list">
                            产品列表
                        </el-menu-item>
                    </el-submenu>
                    <el-submenu index="/">
                        <template slot="title">
                            <i class="el-icon-message"></i>
                            <i>财务管理</i>
                        </template>
                        <el-menu-item index="/finance/stock">
                            分润记录
                        </el-menu-item>
                    </el-submenu>
                    <el-submenu index="/">
                        <template slot="title">
                            <i class="el-icon-setting"></i>
                            <i>系统配置</i>
                        </template>
                        <el-menu-item index="2-1">
                            分润配置
                        </el-menu-item>
                        <el-menu-item index="2-3">
                            轮播图配置
                        </el-menu-item>
                        <el-menu-item index="2-2">
                            云币比例配置
                        </el-menu-item>
                    </el-submenu> -->
                </el-menu>
            </el-col>
            <el-col class="container" :md="22" :sm="19" :xs="20">
                <router-view></router-view>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {

}
</script>

<style>
.container {
    padding-left: 20px;
    padding-top: 45px;
    padding-left: 30px;
}

.nav_head {
    background-color: #20A0FF;
    height: 80px;
}

.logo {
    padding-left: 10px;
    color: #F9FAFC;
    font-size: 25px;
    line-height: 80px;
}
</style>
